.page {
	width: 100%;
	background: rgba(243, 244, 248, 0.39);
	padding-bottom: 16rpx;
	/* background-color: red; */
}

.navgter {
	width: 100%;
	background-color: #FFFFFF;
}

.navItems {
	display: flex;
	/* justify-content: center; */
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;

}

.items {
	width: 20%;
	margin-top:20rpx;
}

.imageBox {
	width: 80rpx;
	height: 80rpx;
	background-color: #2C405A;
	margin: auto;
	padding: 16rpx;
}

.tuiJian {
	overflow: auto;
	width: 100%;
	/* height: 335rpx; */
	padding: 36rpx 32rpx;
	/* background-color: #2E6ADF; */
	background-color: #fff;
	border-top: 2rpx solid rgba(241, 241, 241, 0.39);
}

.tuiJian-title-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	/* margin-top: 36rpx; */
}

.tuiJian-title {
	font-size: 24rpx;
	font-family: 'PingFang SC';
	font-weight: 400;
	color: #333333;
}

.tuiJian-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin: 24rpx auto 0;
	/* background-color: red; */
}

.line {
	width: 2rpx;
	min-height: 60rpx;
	background: rgba(241, 241, 241, 0.39);
}

.tuiJian-content-left,
.tuiJian-content-right {
	display: flex;
	justify-content: space-between;
	/* align-items: flex-start; */
	flex-direction: column;
	width: 268rpx;
	/* min-height: 221rpx; */
}

.tuiJian-content-right {
	width: 310rpx;
}

.tuiJian-content-left {
	margin-right: 38rpx;
}

.tuiJian-i-b {
	height: 40rpx;
}

.tuiJian-i-b {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.ib-txt {
	height: 40rpx;
	font-size: 28rpx;
	font-family: 'PingFang SC';
	font-weight: 300;
	line-height: 40rpx;
	width: 252rpx;
	color: #333333;
	margin-right: 19rpx;
	overflow: hidden; /*超出隐藏*/
	white-space: nowrap; /*不折行*/
	text-overflow: ellipsis; /*溢出显示省略号*/
}

.ib-i {
	width: 32rpx;
	height: 32rpx;
	/* background: rgba(255,45,85,0.39); */
	/* background-color: #FF2D55; */
	opacity: 1;
	border-radius: 4px;
	font-size: 20rpx;
	font-family: "PingFang SC";
	font-weight: 400;
	line-height: 32rpx;
	text-align: center;
	color: #F9FDFF;
}
.ib-i text {
	display: inline-block;
	width: 32rpx;
	height: 32rpx;
	/* background: rgba(255,45,85,0.39); */
	/* background-color: #FF2D55; */
	opacity: 1;
	border-radius: 4px;
	font-size: 20rpx;
	font-family: "PingFang SC";
	font-weight: 400;
	line-height: 32rpx;
	text-align: center;
	color: #F9FDFF;
}
.jianbgc {
	background-color: #FF9C24;
}



.tuijian-more {
	height: 40rpx;
	font-size: 28rpx;
	font-family: 'PingFang SC';
	font-weight: 400;
	line-height: 40rpx;
	color: #FF9C24;
}

.styleColor1 {
	background-color: #33C9C6;
}

.styleColor2 {
	background-color: #F3B358;
}

.styleColor3 {
	background-color: #3975EA;
}

.styleColor4 {
	background-color: #4EC7FF;
}

.styleColor5 {
	background-color: #06c05f;
}
.styleColor6 {
	background-color:  #55aaff;
}

.navTitle {
	width: 100%;
	height: 33rpx;
	font-size: 24rpx;
	font-family: "PingFang SC";
	font-weight: 500;
	line-height: 33rpx;
	margin-top: 10rpx;
	text-align: center;
}

.massgeBox {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 65rpx;
	border-top: 2rpx solid #F1F1F1;
}

.renTui {
	height: 33rpx;
	font-size: 24rpx;
	font-family: "PingFang SC";
	font-weight: 600;
	line-height: 33rpx;
	color: #3975EA;
	margin: 0 20rpx 0 32rpx;
}

.fuTitle {
	height: 28rpx;
	font-size: 20rpx;
	font-family: "PingFang SC";
	font-weight: 300;
	line-height: 28rpx;
	color: #62656D;
}

.banner {
	width: 100%;
	padding: 0rpx;
	margin-top: 16rpx;
}

.charmit {
	overflow: hidden;
	width: 100%;
	background-color: #FFFFFF;
	margin-top: 16rpx;
}

.charmitTitle,
.touTitle,
.youShiTitle {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 67rpx;
	border-bottom: 2rpx solid #F1F1F1;
}

.dianLiangTitle {
	height: 33rpx;
	font-size: 24rpx;
	font-family: "PingFang SC";
	font-weight: 600;
	line-height: 33rpx;
	color: #3975EA;
	margin-left: 16rpx;
}

.echarts {
	width: 100%;
	padding: 10rpx 10rpx 10rpx 110rpx;
	box-sizing: border-box;
}

.chamitCentent {
	overflow: hidden;
	width: 100%;
	background-color: #FFFFFF;

}

.chamitCententInfo {
	height: 40rpx;
	font-size: 28rpx;
	font-family: "PingFang SC";
	text-align: center;
	margin-top: 24rpx;
	font-weight: 300;
	line-height: 40rpx;
	color: #333333;
}

.chamitFooter,
.qianYueFooter {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	font-size: 24rpx;
	font-family: "PingFang SC";
	color: #707070;
	font-weight: 300;
	height: 80rpx;
}

.qianyueBox {
	overflow: hidden;
	width: 100%;
	/* height: 441rpx; */
	background-color: #FFFFFF;
	margin-top: 16rpx;
}

.qianyueTitle {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 67rpx;
	border-bottom: 2rpx solid #F1F1F1;
}

.tabox {
	width: 100%;
	margin: 16rpx 0 0 0;
	border-bottom: 2rpx solid #F1F1F1;
}

.li {
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 2rpx solid #F1F1F1;
	width: 100%;
	height: 54rpx;
}

.li:last-child {
	border-bottom: none;
}

.lit {
	width: 250rpx;
	height: 100%;
	text-align: center;
	line-height: 54rpx;
	font-size: 20rpx;
	font-family: "PingFang SC";
	font-weight: 300;
	color: #707070;

}

.yongJiBox {
	overflow: hidden;
	width: 100%;
	/* margin-top: 16rpx; */

}

.tou {
	width: 100%;
	margin-bottom: 16rpx;
	background-color: #FFFFFF;
}

.putBox {
	display: flex;
	justify-content: flex-start;
	padding: 0 32rpx;
	border-bottom: 1px solid #eaeaea;
	width: 100%;
	height: 65rpx;
}

.putBoxTitle {
	font-size: 24rpx;
	width: 20%;
	font-family: "PingFang SC";
	font-weight: 600;
	line-height: 65rpx;
	margin-right: 65rpx;
	color: #333333;
}

.footer {
	overflow: hidden;
	width: 100%;
	padding: 10rpx 32rpx;
	background-color: #FFFFFF;

}

.wenGuantishi,
.__bdi {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 33rpx;
	font-size: 24rpx;
	font-family: "PingFang SC";
	font-weight: 300;
	line-height: 33rpx;
	color: #707070;
	margin-top: 16rpx;
}

.__bdi {
	color: #FF2D55;
	padding: 3rpx 0 0 0;
}

.fuJia {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 28rpx;
	font-size: 20rpx;
	font-family: "PingFang SC";
	font-weight: 300;
	line-height: 28rpx;
	color: #FF2D55;
	margin-top: 22rpx;
}

.yuGu {
	width: 686rpx;
	height: 64rpx;
	background-color: #2E6ADF;
	border-radius: 4rpx;
	line-height: 64rpx;
	font-size: 28rpx;
	font-family: "PingFang SC";
	font-weight: 400;
	color: #FFFFFF;
	margin-top: 32rpx;
	text-align: center;
}

.jiE {
	height: 33rpx;
	font-size: 24rpx;
	font-family: "PingFang SC";
	font-weight: 600;
	line-height: 33rpx;
	color: #3975EA;
	text-align: center;
	margin-top: 32rpx;
}

.youShi {
	width: 100%;
	margin: 16rpx 0;
	overflow: hidden;
	background-color: #FFFFFF;
}

.youshiTu {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 300rpx;
	margin: 16rpx 0;
	padding: 0 16rpx;
}

.youshiTuItems {
	width: 352rpx;
	height: 300rpx;
}

.bgcBox {
	position: relative;
	width: 150rpx;
	height: 200rpx;
	border-left: 1rpx solid #FFFFFF;
}

.model {
	position: absolute;
	top: 0;
	left: 0;
	width: 150rpx;
	height: 200rpx;
	background-color: rgba(0, 0, 0, 0.5);
}

.modelTitle {
	height: 33rpx;
	font-size: 26rpx;
	font-family: "PingFang SC";
	margin-top: 20rpx;
	text-align: center;
	text-shadow: 0rpx 0rpx 1rpx rgba(12, 53, 133, 0.5);
	font-weight: 500;
	line-height: 33rpx;
	color: #FFFFFF;
}

.xueXi {
	overflow: hidden;
	width: 100%;
	background-color: #FFFFFF;
	margin-top: 16rpx;
}

.tuBox {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	margin: 16rpx auto 0;

}

.shouDianItems {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 686rpx;
	height: 100rpx;
	margin: 0 auto 16rpx;
	margin-bottom: 16rpx;
	padding: 0 54rpx 0 60rpx;
}

.shouDianItemsLift {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 420rpx;
	height: 52rpx;
}

.shouDianItemsRight {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 94rpx;
	height: 62rpx;
	border-radius: 31rpx;
	background-color: #FFFFFF;
}

.shouDianItemsLiftTxt {
	height: 52rpx;
	font-size: 39rpx;
	font-family: "PingFang SC";
	font-weight: 300;
	line-height: 54rpx;
	color: #FFFFFF;
	margin-left: 39rpx;
}

.tuBox .shouDianItems:nth-child(1) {
	background: linear-gradient(305deg, #9CF382 0%, #6FC954 100%);
}

.tuBox .shouDianItems:nth-child(2) {
	background: linear-gradient(305deg, #67DCBC 0%, #51BFA1 100%);
}

.tuBox .shouDianItems:nth-child(3) {
	background: linear-gradient(305deg, #FEB65C 0%, #FFA12A 100%);
}

.tuBox .shouDianItems:nth-child(4) {
	background: linear-gradient(305deg, #FF8888 0%, #FE6767 100%);
}

.tuBox .shouDianItems:nth-child(5) {
	background: linear-gradient(305deg, #81D7FF 0%, #4EC7FF 100%);
}

.tuBox .shouDianItems:nth-child(6) {
	background: linear-gradient(305deg, #ECC9A4 0%, #DEB68B 100%);
}

.tuBox .shouDianItems:nth-child(7) {
	background: linear-gradient(305deg, #5D91F8 0%, #3975EA 100%);
}

.anLIXueXi {
	width: 100%;
	overflow: hidden;
	margin-top: 16rpx;
	background-color: #FFFFFF;

}

.active {
	background-color: #3975EA !important;
	color: #FFFFFF !important;
}

.anlinav {
	display: flex;
	justify-content: space-between;
	width: 100%;
	background-color: #FFFFFF;
	padding: 16rpx 32rpx 32rpx;
}

.anlinavItems {
	width: 150rpx;
	height: 64rpx;
	text-align: center;
	line-height: 64rpx;
	border: 1rpx solid #3975EA;
	font-size: 28rpx;
	font-family: "PingFang SC";
	font-weight: 400;
	border-radius: 4rpx;
	background-color: #FFFFFF;
	color: #3975EA;
}

.qiyeXinXi {
	width: 100%;
	height: 230rpx;
	margin-bottom: 16rpx;
	background-color: #FFFFFF;
}

.xinxiTitle {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 2rpx solid #F1F1F1;
	width: 100%;
	height: 72rpx;
	padding: 0 32rpx;
}

.name {
	width: 320rpx;
	height: 72rpx;
	font-size: 28rpx;
	font-family: "PingFang SC";
	font-weight: 600;
	line-height: 72rpx;
	color: #333333;
}

.xinXiTitleReght {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 300rpx;
	height: 72rpx;
}

.money {
	height: 28rpx;
	font-size: 20rpx;
	font-family: "PingFang SC";
	font-weight: 300;
	line-height: 28rpx;
	color: #3975EA;
}

.changName {
	padding: 0 32rpx;
	width: 100%;
	height: 42rpx;
	font-size: 28rpx;
	font-family: "PingFang SC";
	font-weight: 600;
	line-height: 42rpx;
	color: #333333;
	margin-top: 24rpx;
}

.jieShao {
	width: 100%;
	height: 66rpx;
	font-size: 24rpx;
	font-family: "PingFang SC";
	font-weight: 300;
	color: #666666;
	margin-top: 16rpx;
	padding: 0 32rpx;
}

.look {
	width: 100%;
	height: 64rpx;
	margin-top: 16rpx;
	text-align: center;
	line-height: 64rpx;
	font-size: 24rpx;
	font-family: "PingFang SC";
	color: #707070;
	background-color: #fff;
	font-weight: 300;
}

.lookMore1 {
	height: 33rpx;
	font-size: 24rpx;
	font-family: "PingFang SC";
	font-weight: 300;
	line-height: 33rpx;
	color: #707070;
	margin: 32rpx auto 16rpx;
}
.navgter:last-child {
	padding: 0 42rpx;
	/* margin-top: 5rpx; */
}